<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <link rel="stylesheet" href="/loading.css" />
    <link rel="stylesheet" href="/browser_upgrade/index.css" />
    <link rel="stylesheet" type="text/css" media="print" href="/css/print-lock.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <title>%VITE_APP_TITLE%</title>
    <!-- 初次加载  -->
    <style>#loading-mask{position:fixed;left:0;top:0;height:100%;width:100%;background:#fff;user-select:none;z-index:9999;overflow:hidden}.loading-wrapper{position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-100%)}.loading-tips{margin-top: 10px;color: grey;font-size: 14px}.loading-dot{animation:antRotate 1.2s infinite linear;transform:rotate(45deg);position:relative;display:inline-block;font-size:40px;width:40px;height:40px;box-sizing:border-box}.loading-dot i{width:20px;height:20px;position:absolute;display:block;background-color:#1890ff;border-radius:100%;transform:scale(.75);transform-origin:50% 50%;opacity:.3;animation:antSpinMove 1s infinite linear alternate}.loading-dot i:nth-child(1){top:0;left:0}.loading-dot i:nth-child(2){top:0;right:0;-webkit-animation-delay:.4s;animation-delay:.4s}.loading-dot i:nth-child(3){right:0;bottom:0;-webkit-animation-delay:.8s;animation-delay:.8s}.loading-dot i:nth-child(4){bottom:0;left:0;-webkit-animation-delay:1.2s;animation-delay:1.2s}@keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@-webkit-keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes antSpinMove{to{opacity:1}}@-webkit-keyframes antSpinMove{to{opacity:1}}</style>
    <!-- source  -->
    <style>#source{position:fixed;top:0px;right:0px;width:149px;height:149px;z-index:999;}.link{position:relative;right:-37px;top:-22px;display:block;width:190px;padding:4px 16px;text-align:center;color:rgb(255, 255, 255);font-size:15px;background: rgb(101, 24, 255);text-decoration:none;text-shadow:rgb(0 0 0 / 15%) 0px -1px 0px;transform-origin:0% 0%;transform:rotate(45deg);cursor:pointer;}.link:hover{color:white;font-size:large;transition:ease-in;transition-duration:0.3s;top:-24px}</style>
    <!-- hiprint 拖拽图标需要 -->
    <!-- <link href="<%= BASE_URL %>css/bootstrap.min.css" rel="stylesheet"> -->

    <!-- 初次加载  -->
    <!-- <style>#loading-mask{position:fixed;left:0;top:0;height:100%;width:100%;background:#fff;user-select:none;z-index:9999;overflow:hidden}.loading-wrapper{position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-100%)}.loading-tips{margin-top: 10px;color: grey;font-size: 14px}.loading-dot{animation:antRotate 1.2s infinite linear;transform:rotate(45deg);position:relative;display:inline-block;font-size:40px;width:40px;height:40px;box-sizing:border-box}.loading-dot i{width:20px;height:20px;position:absolute;display:block;background-color:#1890ff;border-radius:100%;transform:scale(.75);transform-origin:50% 50%;opacity:.3;animation:antSpinMove 1s infinite linear alternate}.loading-dot i:nth-child(1){top:0;left:0}.loading-dot i:nth-child(2){top:0;right:0;-webkit-animation-delay:.4s;animation-delay:.4s}.loading-dot i:nth-child(3){right:0;bottom:0;-webkit-animation-delay:.8s;animation-delay:.8s}.loading-dot i:nth-child(4){bottom:0;left:0;-webkit-animation-delay:1.2s;animation-delay:1.2s}@keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@-webkit-keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes antSpinMove{to{opacity:1}}@-webkit-keyframes antSpinMove{to{opacity:1}}</style> -->
    <!-- source  -->
    <!-- <style>#source{position:fixed;top:0px;right:0px;width:149px;height:149px;z-index:999;}.link{position:relative;right:-37px;top:-22px;display:block;width:190px;padding:4px 16px;text-align:center;color:rgb(255, 255, 255);font-size:15px;background: rgb(101, 24, 255);text-decoration:none;text-shadow:rgb(0 0 0 / 15%) 0px -1px 0px;transform-origin:0% 0%;transform:rotate(45deg);cursor:pointer;}.link:hover{color:white;font-size:large;transition:ease-in;transition-duration:0.3s;top:-24px}</style> -->
  </head>
  <body>
    <div id="app">
      <div class="fantastic-admin-home">
        <div class="loading">
          <div class="square"></div>
          <div class="square"></div>
          <div class="square"></div>
          <div class="square"></div>
        </div>
        <div class="text">载入中</div>
      </div>
      <div id="browser-upgrade">
        <div class="title">为了您的体验，推荐使用以下浏览器</div>
        <div class="browsers">
          <a href="https://www.microsoft.com/edge" target="_blank" class="browser">
            <img class="browser-icon" src="/browser_upgrade/edge.png" />
            <div class="browser-name">Mircosoft Edge</div>
          </a>
          <a href="https://www.google.cn/chrome/" target="_blank" class="browser">
            <img class="browser-icon" src="/browser_upgrade/chrome.png" />
            <div class="browser-name">Google Chrome</div>
          </a>
        </div>
      </div>
    </div>
    <script>
      if (!!window.ActiveXObject || 'ActiveXObject' in window) {
        document.getElementById('browser-upgrade').style.display = 'block'
      }
    </script>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>
